<template>
  <div class="container">
    <VueQr :text="props.modelValue.query.link" />
  </div>
</template>

<script setup lang="ts">
import VueQr from "vue-qr/src/packages/vue-qr.vue";

// const link = computed(()=>`${import.meta.env.VITE_APP_H5_URL ? import.meta.env.VITE_APP_H5_URL : import.meta.env.VITE_APP_BASE_URL }${props.modelValue.query.type}?examId=${props.modelValue.query.examId}`)
const props = defineProps<{
  modelValue: {
    // query: { examId: any; type: "exam" | "examResult" };
    query: { link: string };
  };
}>();
onMounted(() => {
  console.log("query:", props.modelValue.query);
});
</script>

<style scoped>
.container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
